﻿/*
	Base-css file
	(c) ArtVisio 2004-2011
	Including reset.css from css framework Blueprint
	and 	960 Grid System ~ Core CSS.
*/

/*  Blueprint CSS Framework 0.8 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
.inline { display: inline !important; }
.hide { display: none !important; }
.hand { cursor: pointer;}
.show, .block { display: block; }
.nowrap, .nowrap a {white-space: nowrap !important;}
.auto{margin:auto;}
.clear{clear:both;}
body { 
	background:#fff;
	padding:20px 50px;
}

/* Fonts */
body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, acronym, address, code, del, dfn,
em, q, dl, dt, dd, ol, li, fieldset, label, legend,
caption, tr, th, td {
	line-height:1.5;
	font-size:12px;
	color: #4d4d4d;
	font-family: Arial, Tahoma, Verdana, sans-serif;
}
h1 {
	color:#CC945E;
	font:bold italic 150%/0.6em Georgia,"Times New Roman",Times,serif;
	margin: 0 0 18px;

}
h2, h2 span {
	color: #6F6F6F;
	font:bold italic 14px/0.6em Georgia,"Times New Roman",Times,serif;
	margin: 0 0 10px;
}
.contacts h2 {margin: 0 -6px 7px 0;}
h2 span {color:#CC945E;}
h3 {
	font-size:16px;
	margin-bottom:0.5em;
}
h4 {
	font-size: 14px;
	font-weight: bold;
}
h5 {font-size:1em;font-weight:bold;margin-bottom:0.3em;}
h6 {font-size:0,8em;font-weight:bold;  color: #ed1c31;}

.grey { color: #818181;}
.red {color:#ED1E79;}

.big { font-size:18px; line-height:1;}
.small { font-size:10px;}
 p {
	margin-bottom: 18px; 
	line-height:18px;
 }

/* Links */
a { 
	text-decoration: underline; 
	color: #0099CC;
}
a:hover { text-decoration: none;  }
a.script, a.local { text-decoration: none; border-bottom: 1px dashed #0099CC !important; border-width: 0px 0px 1px 0px; }

/* Images */
a img { border: none; }
/* Tables */
table {
	border-collapse: collapse;
	border: 0px;
	width:100%;
}
table td {
	padding: 0px;
	vertical-align: top;
}
table.no, table.no td, table.no th, .no { border: none !important; background: none !important;}
.bred { border: 1px solid red !important; }
.bbred, table.bbred td, table.bbred th { border: 1px solid red !important; }
.bbno { border: none !important; }
table.p0 td, table.p0 th, td.p0, th.p0, div.p0 { padding: 0px !important; }
table.p5 td, table.p5 th, td.p5, th.p5, div.p5 { padding: 5px !important; }
table.p10 td, table.p10 th, td.p10, th.p10, div.p10 { padding: 10px; }
/* List */
ul, ol li ul {
	list-style-position: intside;
	margin: 0;
	list-style:none;
	margin-bottom:8px;
}
/* Separator */
hr {
	border: 1px dotted #ccc;
	border-width: 1px 0px 0px 0px;
	background-color: none;
	height: 1px;
	margin:18px 0;
}
/* Position */
.c { text-align: center !important; }
.r { text-align: right !important; }
.l { text-align: left !important; }
.t { vertical-align: top !important; }
.m { vertical-align: middle !important; }
.b { vertical-align: bottom !important; }
.fleft { float: left; }
.fright {float: right;}
/* Dimensions */
.h100p { height: 100% !important; }
.w100p { width: 100% !important; }
/* SITE */
.header {height:110px;}
.header .logo {margin-left:-2px;}
.contacts {
	line-height:18px; 
	margin-top:21px;
}
.name {margin:0 0 38px 0;}
.name div {
	position:relative;
	top:-1px;
	width:147px;
	display:inline-block;
}
.name input,
.domen input {
	padding: 7px 9px;
	font-size:19px;
	color:#4d4d4d;
	background-color:#f2f2f2;
	border:1px solid #ccc;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	width:300px;
}
.warning {
	border:1px solid #fe3f75;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color:#fccfdb;
	padding:10px 15px;
	margin:0 0 22px -15px;
}
.warning input {border:1px solid #fe3f75;}
.warning .error {
	color:#fe3f75;
	width:300px;
	padding-left:20px;
}
a.que {
	display:inline-block;
	width:19px; height:19px;
	background: url('../i/q.png') no-repeat 0 0;
	position:relative;
	top:2px;
	margin-left:10px;
}
.kupon {
	margin:-5px 0 0 136px !important;
}
.arrow {
	display:inline-block;
	width:50px; height:46px;
	background: url('../i/arr.png') no-repeat 0 0;
	margin:0 15px;
}
.order-table {margin:15px 0;}
.wh {margin-bottom:50px;}
.rur {
	background: url("../i/r.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	width: 8px; height: 9px;
	overflow: hidden;
	position: relative;
	margin-left:4px;
}
.rur span {
	height: 1em;
	margin: 2em 0 0 -0.55em;
	overflow: hidden;
	position: absolute;
	width: 0.45em;
}
.choose {
	padding:5px 15px 7px;
	margin:3px 0 0 -15px;
	display: inline-block;
	white-space:nowrap;
	min-width:380px;
	clear:both;
}
.choose:hover {
	background-color:#f7f7f7;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.chosen {
	background-color:#f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.choose label {
	cursor:pointer;
	width:100%;
	display:inline-block;
}
.choose div {
	width:75px;
	display:inline-block;
}
.price {
	color:#997e8b;
	width:auto !important;
	margin-left:15px;
}
.choose input {
	position:relative;
	top:2px;
	margin:0 10px 0 0;
	width:10px;
}
.guest label {
	position:relative;
	top:-3px;
}
.guest label a.que {
	top:4px;
	margin-left:3px;
}
.price-th {
	color:#b3b3b3;
	font-size:11px;
	line-height:14px;
	margin-left:138px;
	margin-bottom:-7px;
	position:relative;
	top:-6px;
}
.period h2 {margin-bottom:12px;}
.period .price {margin:0;}
.period .choose {width:100%;}
.bonus {
	width:auto !important;
	margin-left:30px;
	line-height:12px;
	color:#c7b299;
}
.bonus .rur {background: url('../i/r2.png') no-repeat 0 0;}
.bonus div {
	color:#8cc63f;
	width:auto !important;
}
.year  label {
	position:relative;
	top:-11px;
}
.year .bonus {
	position:relative;
	top:12px;
	min-width:305px;
}
.year .bonus a.que {top:5px}
.domen h2 {margin-bottom:}
.total {
	border-top:1px solid #ccc;
	padding:20px 0 0 0;
}
.not-yet {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:#f2f2f2;
	padding:2px 11px;
	display:inline-block;
	position:relative;
	top:-1px;
	font: italic 11px Georgia, serif;
	color:#8b8b8b;
}
.button {
	background: url('../i/but.png') no-repeat 0 0;
	display:inline-block;
	width:158px;
	padding: 10px 0 14px 0;
	text-align:center;
	font: 14px tahoma;
	color:#026102;
	text-shadow:1px 1px 0 #fff;
	text-decoration:none;
}
.total label {
	cursor:pointer; 
	display:block;
	margin:0 3px 5px 0;
}
.total .order-button label input[type=checkbox] {
	position:relative;
	top:1px;
	margin-right:10px;
}
form {
	max-width: 400px;
}
.order-button {
	margin-left:0px;
	width:300px;
	display:inline-block;
}
#icq, #skype, .mail {
	vertical-align: middle;
	margin-left:20px;
}
.tooltip{
	position:absolute;
	z-index:999;
	left:-9999px;
	background-color:#f2f2f2;
	padding:4px;
	border:1px solid #d6d6d6;
	width:auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}
.tooltip p {
	margin:0;
	color:#4d4d4d;
	padding:4px 10px;
	background-color:#d6d6d6;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.tooltip p span {color:#009245;}
.tooltip p em {color:#9d805e;font-style:normal;}
.panel {
	padding: 20px;
	width: 250px;
	background: #eeeeee;
	border: #282828 2px solid;
	font-family: Georgia;
}
